import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import "antd/dist/antd.css";

// import {store} from "./redux/store";
// import MovieAction from './redux/actions/MovieAction';


// store.subscribe(()=>{
//     console.log(store.getState());
// })

// store.dispatch(MovieAction.setLoadingAction(true));
// store.dispatch(MovieAction.setConditionAction({
//     page:2
// }))

// store.dispatch(MovieAction.fetchMovies({
//     page:2
// }) as any);

// store.dispatch(MovieAction.fetchMovies({
//     page:2
// })).then(()=>{
//     store.dispatch(MovieAction.deleteMovie("5da1e8b22e6a150920465f01"));
// });



ReactDOM.render(<App />, document.getElementById('root'));


// MovieService.add({
//     name:"abc",
//     timeLong:22,
//     types:["喜剧"],
//     areas:["大陆"],
//     isHot:true,
//     isClassic:false,
//     isComing:true
// }).then(resp=>{
//     if(resp.err){
//         console.log(resp.err);
//     }
// })

// MovieService.getMovie({
//    page:2
// }).then(movies => {
//     movies.data.forEach(m=>{
//         console.log(m.name,m.types);
//     })
// });

// 界面
// antd :UI库

// 路由

// redux
// 大型项目中使用
// 不是所有的状态数据都需要放到redux中
// action：平面对象，plain object，它描述了数据变化的方式
// reducer:数据变化的具体内容，它需要一个action来触发
// store：存储数据的厂库
// 副作用:redux-thunk、redux-saga、dva、umijs
// redux-thunk本身自带类型系统


